﻿@model BastInfos.Models.Visit.TweetModel

@{
    ViewBag.Title = "Espace des lecteurs";
}


<div id="content">
	<h1>Chers lecteurs,</h1>
	<p>Cet espace vous est dédié, vous pouvez échanger ici, ou nous proposer vos idées d'articles. Ou simplement commenter l'actualité avec nous. Nous répondrons à vos questions dès que possible !</p>
	<br />	
	@Html.Partial("_AddTweet", new DataAccess.Tweet())
	<div id="tweetList">
		@foreach (var tweet in Model.Tweets) {
			@Html.Partial("_Tweet", tweet)
		}
	</div>
    @if (Model.RestCount > 0) { <div><a href="?display=all">Afficher les @Model.RestCount restant</a></div> }
</div>

@section LoadScript {
	$('#addTweet form').submit(function () {
		if (!$(this).valid()) { return false; }

		$.ajax({
			url: "Visit/AddTweet",
			type: 'POST',
			data: { pseudo: $('#Pseudo').val(), email: $('#Email').val(), content: $('#Content').val() },
			success: function(res) {
				if (typeof(res) == 'object' && res.error) {
					$('#tweetList').prepend('<p class="input-validation-error" style="display:none;padding:5px;">Il y a une erreur lors de la validation. Veuillez vérifier votre saisie avant de recommencer.</p>');
					$('#tweetList .input-validation-error').slideDown(1000);
				}
				else {
					$('#tweetList').prepend(res);
					$('#tweetList .added').slideDown(1000).delay(1500).removeClass('added');
					$('#Pseudo').val('').removeClass('valid');
					$('#Email').val('').removeClass('valid');
					$('#Content').val('').removeClass('valid');
				}
			}
		});
		return false;
	});
}